
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.fz(@px){
	.px2rem(font-size,@px);
}
body,html{
}

.denglu{
	background: #fff;
	display: flex;
	.px2rem(padding,30);
	.px2rem(padding-top,120);
	.left{
		width: 20%;
		img{
			width: 100%;
		}
	}
	.right{
		flex: 1;
		.px2rem(padding,10);
		.px2rem(padding-left,30);
		background: url(../images/you.png) no-repeat right center;
		background-size: 6%;
		.total{
			width: 20%;
			.px2rem(padding,8);
			.px2rem(font-size,28);
			text-align: center;
			border: 1px solid #ccc;
			border-radius: 5px;
			.px2rem(margin-top,5);
			.px2rem(margin-bottom,10);
		}
		.info{
			.px2rem(font-size,24);
			color: #808080;
			.px2rem(line-height,50);
		}
	}
}

.content{
	background: #fff;
	.px2rem(margin-top,30);
	.px2rem(padding-bottom,30);
	border-bottom: 1px solid #eae7e7;
	.top{
		display: flex;
		border-bottom: 1px solid #eae7e7;
		.left{
			.px2rem(width,80);
			.px2rem(height,80);
			.px2rem(padding-left,30);
			display: flex;
			justify-content: center;
			align-items: center;
			img{
				width: 60%;
			}
		}
		.right{
			flex: 1;
			.px2rem(padding-left,20);
			.px2rem(padding-right,35);
			display: flex;
			align-items: center;
			p{
				width: 100%;
				margin: auto 0;
				background: url(../images/you.png) no-repeat right center;
				background-size: 5.5%;
				.px2rem(font-size,24);
			}

		}
	}
	.bottomm{
		width: 90%;
		border: 1px solid #eae7e7;
		border-radius: 6px;
		margin: 0 auto;
		.px2rem(margin-top,30);
		.total{
			.px2rem(font-size,28);
			text-align: center;
			.px2rem(padding-top,35);
			.px2rem(padding-bottom,35);
		}
		.list{
			display: flex;
			dl{
				flex: 1;
				text-align: center;
				.px2rem(margin-bottom,25);
				dt{
					img{
						width: 65%;
					}
				}
				dd{
					.px2rem(font-size,24);
					.px2rem(padding,10);
				}
			}
		}
		.watch{
			border-top: 1px solid #eae7e7;
			.chakan{
				.px2rem(padding,25);
				.px2rem(font-size,24);
				color: #71dbd6;
			}
		}
	}
}

.dingdan{
	background: #fff;
	.px2rem(margin-top,20);
	.top1{
		display: flex;
		border-bottom: 1px solid #eae7e7;
		.left{
			.px2rem(width,80);
			.px2rem(height,80);
			.px2rem(padding-left,30);
			display: flex;
			justify-content: center;
			align-items: center;
			img{
				height: 60%;
			}
		}
		.right{
			flex: 1;
			.px2rem(padding-left,20);
			.px2rem(padding-right,35);
			display: flex;
			align-items: center;
			p{
				margin: auto 0;
				width: 100%;
				background: url(../images/you.png) no-repeat right center;
				background-size: 5.5%;
				.px2rem(padding,25);
				.px2rem(font-size,24);
			}
		}
	}
	.top2{
		display: flex;
		border-bottom: 1px solid #eae7e7;
		.left{
			.px2rem(width,80);
			.px2rem(height,80);
			.px2rem(padding-left,30);
			display: flex;
			justify-content: center;
			align-items: center;
			img{
				height: 60%;
			}
		}
		.right{
			flex: 1;
			.px2rem(padding-left,20);
			.px2rem(padding-right,35);
			display: flex;
			align-items: center;
			p{
				margin: auto 0;
				width: 100%;
				background: url(../images/you.png) no-repeat right center;
				background-size: 5.5%;
				.px2rem(padding,25);
				.px2rem(font-size,24);
			}
		}
	}
}

.set{
	background: #fff;
	.px2rem(margin-top,20);
	.top{
		display: flex;
		border-bottom: 1px solid #eae7e7;
		.left{
			.px2rem(width,80);
			.px2rem(height,80);
			.px2rem(padding-left,30);
			display: flex;
			justify-content: center;
			align-items: center;
			img{
				height: 60%;
			}
		}
		.right{
			flex: 1;
			.px2rem(padding-left,20);
			.px2rem(padding-right,35);
			display: flex;
			align-items: center;
			p{
				margin: auto 0;
				width: 100%;
				background: url(../images/you.png) no-repeat right center;
				background-size: 5.5%;
				.px2rem(padding,25);
				.px2rem(font-size,24);
			}
		}
	}
}

.we{
	background: #fff;
	.px2rem(margin-top,20);
	.px2rem(margin-bottom,140);
	.top{
		display: flex;
		border-bottom: 1px solid #eae7e7;
		.left{
			.px2rem(width,80);
			.px2rem(height,80);
			.px2rem(padding-left,30);
			display: flex;
			justify-content: center;
			align-items: center;
			img{
				height: 60%;
			}
		}
		.right{
			flex: 1;
			.px2rem(padding-left,20);
			.px2rem(padding-right,35);
			display: flex;
			align-items: center;
			p{
				margin: auto 0;
				width: 100%;
				background: url(../images/you.png) no-repeat right center;
				background-size: 5.5%;
				.px2rem(padding,25);
				.px2rem(font-size,24);
			}
		}
	}
}